<div class="passdata-container">
  <div class="search-box">
    <input type="text" class="search-input" placeholder="搜索通行数据...">
    <div class="filter-buttons">
      <button class="filter-btn" data-type="all">全部</button>
      <button class="filter-btn" data-type="vehicle">车辆</button>
      <button class="filter-btn" data-type="personnel">人员</button>
    </div>
  </div>
  <div class="data-list">
    <!-- 数据条目将通过JS动态插入 -->
  </div>
  <div class="action-buttons">
    <select class="km-select">
      <option value="0">0km</option>
      <option value="5">5km</option>
      <option value="10">10km</option>
      <option value="15">15km</option>
      <option value="20">20km</option>
      <option value="25">25km</option>
      <option value="30">30km</option>
      <option value="35">35km</option>
      <option value="40">40km</option>
      <option value="42">42km</option>
    </select>
    <input type="file" class="csv-upload" accept=".csv" hidden>
    <button class="import-btn">导入CSV</button>
    <button class="export-btn">导出CSV</button>
    <button class="chart-btn">图表分析</button>
  </div>
  <div class="data-table-container">
    <table class="passdata-table">
      <thead>
        <tr class="column-headers"></tr>
      </thead>
      <tbody class="data-body"></tbody>
    </table>
    <button class="submitPassData-btn">提交csv</button>
  </div>
</div>
<script src="/static/js/components/passdata-component.js"></script>